<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta charset="utf-8" />
    <title>门户首页</title>
    <link rel="stylesheet" type="text/css" href="easyui/themes/material-teal/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
    <!-- <script src="../SortableJS/Sortable.js"></script> -->
    <script src="./web/JS/URLRooter.js"></script>
    
    <script src="web/JS/common.js"></script>
    <script src="web/SortableJS/Sortable.js"></script>
    <script src="web/SortableJS/Sortable.min.js"></script>
    <link rel="stylesheet" type="text/css" href="web/CSS/flex.css">
    <script src="PortalDrag.js"></script>
    <style>
        .itxst {
            margin: 0px auto;
            width: 99%;
            float: left;
            /* margin-right: 10px; */
            border: none;
        }

        .itxst div {
            padding: 0px;
            margin-bottom: 0px;
            cursor: move;
        }

        .typediv {
            border: solid;
            border-width: 2px;
            border-color: #f3f3f3;
        }

        .labelstyle {
            color: #027DB4;
            font-size: 16px;
        }

        .labelsplit {
            color: #e0dede;
            font-size: large;
            margin-left: 20px;
            margin-right: 20px;
        }

        .labelstylefoot {
            color: #027DB4;
            font-size: 16px;
            margin-left: 20px;
            margin-right: 20px;
        }

        .el-wrapper::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 4px;
            /*宽度竖滚动条的尺寸*/
            height: 4px;
            /*高度横滚动条的尺寸*/
        }

        .el-wrapper::-webkit-scrollbar-thumb {
            /*滚动条里面的条*/
            border-radius: 4px;
            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: #0DB0EC;
        }

        .el-wrapper::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            border-radius: 4px;
            background: #ffffff;
        }

        .Paneltitle {
            height: 35px;
            padding-left: 20px;
            padding-top: 3px;
            font-size: 16px;
        }

        .labelstyle2 {
            font-size: 15px;
            color: black;
            text-decoration: none;
            padding: 10px;
        }

        .labelstyleChoose {
            font-size: 15px;
            color: #027DB4;
            text-decoration: none;
            padding: 10px;
        }
    </style>
</head>
<body class="easyui-layout " >
    <!-- background:#f3f3f3; -->
    <div data-options="region:'north'" class="box_r" style="height:40px;padding: 10px;background: #f3f3f3;">
        <!-- <div style="flex: 15;float: left;">
            <div style="width: 43px;float: left;margin-left: 20px;">
                <img style="width: 40px;height: 40px;margin-top: 15px;margin-left: 0px;margin-right: 0px;"
                    src="img/user.png" />
            </div>
            <div style="float: left;margin-top: 25px;margin-left: 40px;">
                <label id="lab_UserName"> </label>
            </div>
        </div>
        <div style="float: left;margin-left: 10px;margin-top: 20px;flex: 60;">
            <a href="#" id="btn_DayCount" onclick="openWin('shipPeopleNum')" class="labelstyle"
                style="text-decoration:none;margin-top: 20px;">在船天数
                10</a><label class="labelsplit">|</label>
            <a href="#" id="btn_GDCount" onclick="openWin('waitwork')" class="labelstyle"
                style="text-decoration:none;margin-top: 20px;">待审批工单数量
                10</a><label class="labelsplit">|</label>
            <a href="#" id="btn_DDCount" onclick="openWin('waitwork')" class="labelstyle"
                style="text-decoration:none;margin-top: 20px;">待审批订单数量
                10</a><label class="labelsplit">|</label>
        </div> -->
        <div id="lab_Date" style="padding: 3px;height: 100%;line-height: 18px;"></div>
        <div style="float: left;margin-top: 0px;flex: 50;">
            <div style="display: flex;justify-content: flex-start;height: 100%;">
                <div id="lab_Weather" style="padding: 3px;height: 18px;line-height: 18px;margin-left: 30px;">11 °C 多云 </div>
                <div id="lab_Weather2" style="font-size: small;padding: 3px;height: 18px;line-height: 18px;margin-left: 30px;">湿度：77%；风速 ：10m/s； 风向：北风；</div>
                <div id="lab_Weather3" style="font-size: small;padding: 3px;height: 18px;line-height: 18px;margin-left: 30px;">浪高：2m； 流速：2m/s； 流向：西北方向； </div>
            </div>
        </div>
    </div>
    <div data-options="region:'center'" class="box_r el-wrapper" style="height: auto;padding: 0px;width: 100%; ">
        <div id="drop_A" style="flex: 3;float: left;" class="typediv itxst">
        </div>
        <div style="flex:7;" class="box_c">
            <div style="flex:1;" class="box_r">
                <div id="drop_B" style="flex: 1;height: auto;float: left;" class="itxst typediv">
                </div>
                <div id="drop_C" style="flex: 1;height: auto;float: left;" class="itxst typediv">
                </div>
            </div>
            <div id="drop_D" style="flex: 1;height: auto;float: left;" class="itxst typediv">
            </div>
        </div>
    </div>  
    <!-- <div data-options="region:'south'" style="height:5%;background: #f3f3f3;" class="box_r">
        <div style="flex: 50%;text-align: center;padding-top:7px;float: left;">
            <a href="#" id="lab_LastTime" class="labelstylefoot" style="text-decoration:none;"
                onclick="openWin('produnct_transport')">
                上次外输时间 2020/10/10/ 2:00:00
            </a>
            <a href="#" id="lab_LastQty" class="labelstylefoot" style="text-decoration:none;"
                onclick="openWin('produnct_transport')">
                上次外输量 200t
            </a>
        </div>
        <div style="flex: 50%;text-align: center;padding-top: 7px;float: left;">
            <a href="#" id="lab_PlanTime" class="labelstylefoot" style="text-decoration:none;"
                onclick="openWin('produnct_transport')">
                预估外输时间 2020/10/10/ 2:00:00
            </a>
            <a href="#" id="lab_PlanQty" class="labelstylefoot" style="text-decoration:none;"
                onclick="openWin('produnct_transport')">
                下次外输量 200t
            </a>
        </div>
    </div> -->
</body>
</html>
<script src="./index.js"></script>